<template>
	<swiper class="swiper" :display-multiple-items="3" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration"
	 indicator-active-color="#fff" indicator-color="rgba(255,255,255,.6)">
		<swiper-item class="swiper-item" v-for="item in shebei">
			<image class="swiper-image" mode="scaleToFill" :src="item"></image>
		</swiper-item>
	</swiper>
</template>

<script>
	export default {
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 30000,
				duration: 500,
				shebei:[
					'https://pcba.yihudong.cn/uploads/php/upload/image/20190524/1558665571247041-lp.jpg',
					'https://pcba.yihudong.cn/uploads/php/upload/image/20190524/1558665598117124-lp.jpg',
					'https://pcba.yihudong.cn/uploads/allimg/190513/143A4K39-0-lp.jpg',
					'https://pcba.yihudong.cn/uploads/allimg/190513/140K140U-0-lp.jpg',
					'https://pcba.yihudong.cn/uploads/php/upload/image/20190531/1559307450359284-lp.jpg'
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.swiper{
		height:25vw ;
	}
.swiper-image{
	width: 100%;
	height: 25vw;
	 img{
		object-fit: cover;
	 }
	}
.swiper-item{
	padding: 1vw;
	height: 25vw;
	box-sizing: border-box;
}	
</style>
